iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 15
3
影片教學

CSS 優良部份系列 第 15

【Tailwind CSS 教學 - 8】詳解 Variant Tailwind config 設定方式

  • 分享至 

  • xImage
  •  

Yes

影片重點

  1. 詳細介紹 Tailwind theme 修改方式
  2. Tailwind.config.json 內容介紹
  3. 如何將 utility Class 增加 Variant

文獻連結

  1. Pseudo-Class Variants

上一篇
【Tailwind CSS 教學 - 7】Pseudo-Class Variants 是 CSS 屆的偉大發明
下一篇
【Tailwind CSS 教學 - 9】強大 Variant 讓你寫 CSS 偽元素不卡卡
系列文
CSS 優良部份30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
Lucas Yang
iT邦新手 4 級 ‧ 2020-10-16 23:48:28

哈哈!應該沒有人會刻意去背那些設定檔,到可以閉著眼睛也可以寫得出來吧!/images/emoticon/emoticon01.gif (誤

其實 Tailwind CSS 也滿貼心的在每個屬性頁面都有個 Customizing 章節 (影片中的 Border Style 對應的 Customizing 章節),都有介紹如何針對該屬性作客製化的操作。

而要不要使用完整的 Config 這個問題,建議還是使用空的 Config。原因是完整的設定在升級版本後會有設定不統一的問題,且過於冗長不方便維護。空的 Config 僅會看到在該專案中修改的設定。

我要留言

立即登入留言